<template>
 <el-container>
      <el-header style="border-bottom: 1px solid #f5f5f5;">
        <div class="flex justify-between items-center m-5">
          <h1 class="logo">
            <img src="../styles/images/logo.png" alt="">
          </h1>
          <RouterLink class="entry" to="/">
            进入网站首页
          </RouterLink>
        </div>
      </el-header>
      <el-main>
        <router-view></router-view>


      </el-main>
    </el-container>
</template>
<script setup>

</script>
<style lang='scss'>
.entry{
  font-size: 20px;
}
.el-header {
  height:auto;
  background-color: white;
}


.el-main {
  //background-color: #f5f5f5;
  height: calc(100vh - 76px);
}
.login-box {
    width: 450px;
    min-height: 200px;
    background-color: white;
    margin: 150px auto;
    border-radius: 2px;

    padding: 0 30px 10px;
    box-shadow: 0 1px 3px rgba(26, 26, 26, 0.1);
}

.tab-box-switch .switch-ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.tab-box-switch .switch-ul li {
    display: inline-block;
    height: 60px;
    font-size: 16px;
    line-height: 60px;
    margin-right: 24px;
    cursor: pointer;
}
.tab-active {
    position: relative;
    color: #1a1a1a;
    font-weight: 600;
    font-synthesis: style;
}
.tab-active::before {
    display: block;
    position: absolute;
    bottom: 0;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #0084ff;
}
</style>